<template>
	<view class="orderdetial">
		<headertop title="订单详情" str1="oridei" :back1="back1"></headertop>
		<!-- 已完成 -->
		<image src="https://shop.hacuu.com/static/Group 11618@2x.png" class="orderdetialback" mode=""
			v-if="statustext(contentobj.status_code)=='已完成'">
		</image>
		<!-- 待发货 -->
		<image src="/static/wxGroup 11434@2x.png" class="orderdetialback" mode=""
			v-if="statustext(contentobj.status_code)=='待发货'">
		</image>
		<!-- 待核销 -->
		<image src="https://shop.hacuu.com/static/Group 11618@2x.png" class="orderdetialback" mode=""
			v-if="statustext(contentobj.status_code)=='待核销'">
		</image>
		<!--  退款成功-->
		<image src="https://shop.hacuu.com/static/Group 11619@2x.png" class="orderdetialback" mode=""
			v-if="statustext(contentobj.status_code)=='退款成功'||statustext(contentobj.status_code)=='交易关闭'"></image>
		<!-- 待收货 -->
		<image src="https://shop.hacuu.com/static/Group 11617@2x.png" class="orderdetialback" mode=""
			v-if="statustext(contentobj.status_code)=='待收货'"></image>
		<!-- 待付款 -->
		<image src="/static/wxGroup 11616@2x.png" class="orderdetialback" mode=""
			v-if="statustext(contentobj.status_code)=='待付款'"></image>

		<view class="centerbox">
			<!-- 已完成 -->
			<view class="zttext" v-if="statustext(contentobj.status_code)=='已完成'">
				<view class="t1">
					已完成
				</view>
				<view class="t2">
					订单已完成交易
				</view>
			</view>
			<!-- 待发货 -->
			<view class="zttext" v-if="statustext(contentobj.status_code)=='待发货'">
				<view class="t1">
					待发货
				</view>
				<view class="t2">
					等待卖家发货
				</view>
			</view>
			<!-- 待核销 -->
			<view class="zttext" v-if="statustext(contentobj.status_code)=='待核销'">
				<view class="t1">
					待核销
				</view>
				<view class="t2">
					订单还未核销~
				</view>
			</view>
			<!-- 待付款 -->
			<view class="zttext" v-if="statustext(contentobj.status_code)=='待付款'">
				<view class="t1">
					待付款
				</view>
				<view class="t2">
					为确保库存，请尽快完成订单
				</view>
			</view>
			<!-- 待收货 -->
			<view class="zttext" v-if="statustext(contentobj.status_code)=='待收货'">
				<view class="t1">
					待收货
				</view>
				<view class="t2">
					商品已经发出，正在送往您的收货地址
				</view>
			</view>
			<!-- 退款成功 -->
			<view class="zttext" v-if="statustext(contentobj.status_code)=='退款成功'">
				<view class="t1">
					退款成功
				</view>
				<view class="t2">
					售后处理完成，感谢您的配合！
				</view>
			</view>
			<!-- 交易关闭 -->
			<view class="zttext" v-if="statustext(contentobj.status_code)=='交易关闭'">
				<view class="t1">
					交易关闭
				</view>
				<view class="t2">
					买家未在规定时间内付款
				</view>
			</view>
			<!-- 退款成功 -->
			<view class="tuikuanbox" v-if="statustext(contentobj.status_code)=='退款成功'">
				<view class="tuikuanbox_center">
					<view class="topline">
						<span>退款成功</span>
						<span>￥109.00</span>
					</view>
					<view class="shijian">
						2025-08-08 12:00:00
					</view>
					<view class="tuihwx">
						<span style="margin-left: 24rpx;">退回微信</span>
						<span style="margin-right: 16rpx;">￥109.00</span>
					</view>
				</view>
			</view>
			<view class="spbox1" v-if="false">
				<view class="spbox">
					<image src="https://shop.hacuu.com/static/image@2x.png" class="leftimg" mode=""></image>
					<view class="texts">
						<view class="t1">
							这是一个商品名称
						</view>
						<view class="t2">
							这是一个商品描述，这是一个商品描述，这是一个商品描述，这是一个商品描述
						</view>
						<view class="t3line">
							<view class="box1">
								规格 | 颜色
							</view>
							<view class="box1">
								x1
							</view>
						</view>
					</view>
				</view>
				<view class="centerline">
					<view class="text">
						退款原因：
					</view>
					<view class="text">
						2123131321 | 复制
					</view>
				</view>
				<view class="centerline">
					<view class="text">
						退款金额：
					</view>
					<view class="text">
						￥109.00
					</view>
				</view>
				<view class="centerline">
					<view class="text">
						申请简述：
					</view>
					<view class="text">
						1
					</view>
				</view>
				<view class="centerline">
					<view class="text">
						申请时间：
					</view>
					<view class="text">
						2025-08-08 12:00:00
					</view>
				</view>
				<view class="centerline">
					<view class="text">
						订单编号：
					</view>
					<view class="text">
						2123131321 | 复制
					</view>
				</view>
			</view>


			<view class="addressbox" v-if="contentobj.address">
				<view class="topline">
					<image src="https://shop.hacuu.com/static/Frame@2x (6).png" class="addressicon" mode=""></image>
					<view class="text">
						{{contentobj.address.consignee}}
					</view>
					<view class="phone">
						{{contentobj.address.mobile}}
					</view>
					<view class="rightbtn">
						{{contentobj.th_type==1?'快递':'自提'}}
					</view>
				</view>
				<view class="addrestext">
					{{contentobj.address.province_name}}{{contentobj.address.city_name}}{{contentobj.address.district_name}}{{contentobj.address.address}}
				</view>
			</view>
			<view class="spbox" v-for="item in contentobj['items']" :key="item.id">
				<image :src="item['goods_image']" class="leftimg" mode=""></image>
				<view class="texts">
					<view class="t1">
						{{item.goods_title}}
					</view>
					<view class="t2">
						这是一个商品描述，这是一个商品描述，这是一个商品描述，这是一个商品描述
					</view>
					<view class="t3line">
						<view class="box1">
							<span v-if="skufun(item.goods_sku_text).length>1"><span
									style="font-size: 24rpx;color: #7F7F7F;">{{skufun(item.goods_sku_text)[0]}} |
									{{skufun(item.goods_sku_text)[1]}}</span></span>
							<span v-else><span
									style="font-size: 24rpx;color: #7F7F7F;">{{skufun(item.goods_sku_text)[0]}}</span></span>
						</view>
						<view class="box1">
							x{{item.goods_num}}
						</view>
					</view>
				</view>
			</view>
			<view class="jigemx">
				<view class="center">
					<view class="t1">
						价格明细
					</view>
					<view class="line1">
						<view class="tt">
							商品总价：
						</view>
						<view class="tt">
							￥{{contentobj.goods_amount}}
						</view>
					</view>
					<view class="line1">
						<view class="tt">
							运费：
						</view>
						<view class="tt">
							￥{{contentobj.dispatch_amount}}
						</view>
					</view>
					<view class="bottomline">
						<view class="tt1">
							实付款：
						</view>
						<view class="jiage1">
							￥{{contentobj.order_amount}}
						</view>
					</view>
				</view>
			</view>
			<view class="ddxx">
				<view class="centerline">
					<view class="title">
						订单信息
					</view>
				</view>
				<view class="centerline">
					<view class="text">
						订单编号：
					</view>
					<view class="text">
						{{contentobj.order_sn}}| 复制
					</view>
				</view>
				<view class="centerline">
					<view class="text">
						创建时间：
					</view>
					<view class="text">
						{{contentobj.createtime}}
					</view>
				</view>
				<view class="centerline"
					v-if="statustext(contentobj.status_code)!='待付款'&&statustext(contentobj.status_code)!='交易关闭'">
					<view class="text">
						付款时间：
					</view>
					<view class="text">
						{{contentobj.paid_time}}
					</view>
				</view>
				<view class="centerline"
					v-if="statustext(contentobj.status_code)!='待付款'&&statustext(contentobj.status_code)!='交易关闭'">
					<view class="text">
						支付方式：
					</view>
					<view class="text">
						{{contentobj.pay_types_text[0]}}
					</view>
				</view>
			</view>

		</view>
		<!-- 待核销 -->
		<view class="hxbtn" @click="gopage('确认核销')" v-if="statustext(contentobj.status_code)=='待核销'">
			核销码
		</view>

		<view class="" style="height: 200rpx;">

		</view>

		<view class="fixed" v-if="statustext(contentobj.status_code)=='待发货'">
			<view class="btn" @click="gopage('申请售后')">
				申请售后
			</view>
		</view>
		<view class="fixed" v-if="statustext(contentobj.status_code)=='待付款'">
			<view class="btn1" @click="gopage('立即支付')">
				立即支付
			</view>
		</view>

		<view class="fixed" v-if="statustext(contentobj.status_code)=='待收货'">
			<view class="linebtns">
				<view class="sqsh" @click="gopage('申请售后')">
					申请售后
				</view>
				<view class="sqsh" @click="gopage('查看物流')">
					查看物流
				</view>
				<view class="qrsh" @click="gopage('确认收货')">
					确认收货
				</view>
			</view>
		</view>
		<up-popup :show="show" mode="center">
			<view class="popucenter">
				<image src="https://shop.hacuu.com/static/Frame@2x (9).png" class="close" @click="show=false" mode="">
				</image>
				<view class="title">
					核销码
				</view>
				<canvas id="qrcode" canvas-id="qrcode"
					style="width: 332rpx;height: 332rpx;margin: 30rpx auto;"></canvas>
				<view class="btnss" @click="goResult(qrobj.hxnum)">
					核销码：{{qrobj.hxnum}}
				</view>
			</view>
		</up-popup>
	</view>
</template>

<script setup>
	import UQRCode from '@/uni_modules/Sansnn-uQRCode/js_sdk/uqrcode/uqrcode.js';
	import {
		ref
	} from 'vue'
	import headertop from '@/components/header.vue'
	import {
		orderdetail,
		payPrepay,
		shouh
	} from '@/api/my.js'
	import {
		onPageScroll,
		onLoad
	} from "@dcloudio/uni-app";
	const back1 = ref('')
	const show = ref(false)
	const qrobj = ref({})
	const contentobj = ref({})
	onLoad((opt) => {
		init(opt.id)
	})
	async function init(id) {
		const res = await orderdetail({
			id
		})
		if (res.code == 1) {
			contentobj.value = res.data
		}
	}

	function goResult(str) {
		uni.setClipboardData({
			data: str, // 需要复制的内容
			success: () => {
				// 成功提示框显示 1 秒钟
				uni.showToast({
					title: '复制成功',
					icon: 'success',
					duration: 1000
				});
			},
			fail: () => {
				// 失败提示框显示 1 秒钟
				uni.showToast({
					title: '复制失败，请重试',
					icon: 'none',
					duration: 1000
				});
			}
		});
	}

	function statustext(str) {
		if (str == 'unpaid') {
			return '待付款'
		} else if (str == 'nosend') {
			return '待发货'
		} else if (str == 'noget') {
			return '待收货'
		} else if (str == 'nohexiao') {
			return '待核销'
		} else if (str == 'wancheng') {
			return '已完成'
		} else {
			return '交易关闭'
		}
	}

	async function gopage(str) {
		if (str == '申请售后') {
			uni.navigateTo({
				url: '/pages/my/sqth?id=' + contentobj.value.id
			})
		} else if (str == '确认收货') {
			uni.showModal({
				title: '提示', // 标题（可选）
				content: '是否确认收货？', // 内容（可选）
				confirmText: '确定', // 确认按钮文字（可选，默认“确定”）
				cancelText: '取消', // 取消按钮文字（可选，默认“取消”）
				success: (res) => {
					if (res.confirm) {
						sh()
						// 执行确定后的逻辑
					} else if (res.cancel) {
						console.log('用户点击了取消');
						// 执行取消后的逻辑
					}
				},
				fail: (err) => {
					console.error('弹窗调用失败', err);
				}
			});
		} else if (str == '查看物流') {
			// 获取uQRCode实例
			var qr = new UQRCode();
			// 设置二维码内容
			qr.data = contentobj.value.hxnum
			// 设置二维码大小，必须与canvas设置的宽高一致
			qr.size = 166;
			// 调用制作二维码方法
			qr.make();
			// 获取canvas上下文
			var canvasContext = uni.createCanvasContext('qrcode', this); // 如果是组件，this必须传入
			// 设置uQRCode实例的canvas上下文
			qr.canvasContext = canvasContext;
			// 调用绘制方法将二维码图案绘制到canvas上
			qr.drawCanvas();
			show.value = true
			qrobj.value = item
		} else if (str == '确认核销') {

		} else if (str == '立即支付') {
			var item = contentobj.value
			const res1 = await payPrepay({
				order_sn: item.order_sn,
				payment: 'wechat'
			})
			if (res1.code == 1) {
				var payobj = res1.data.pay_data
				uni.requestPayment({
					timeStamp: String(payobj.timestamp),
					nonceStr: payobj.noncestr,
					package: payobj.package,
					signType: 'MD5',
					paySign: payobj.sign,
					success(res) {
						setTimeout(() => {
							uni.showToast({
								title: '支付成功',
								icon: 'none'
							})
						}, 500)
						uni.navigateBack()
					},
					fail(e) {
						setTimeout(() => {
							uni.showToast({
								title: '支付失败',
								icon: 'none'
							})
						}, 500)
					}
				})
			}
		}
	}
	async function sh(item) {
		const res = await shouh({
			id: contentobj.value.id
		})
		if (res.code == 1) {
			uni.navigateBack()
			setTimeout(() => {
				uni.showToast({
					title: '确认收货成功'
				})
			}, 500)

		} else {
			uni.showToast({
				title: res.msg,
				icon: 'none'
			})
		}

	}

	function skufun(str) {
		if (!str) {
			return []
		}
		return str.split(',')
	}
</script>

<style lang="scss">
	::v-deep .u-popup__content {
		background-color: rgba(255, 0, 0, 0) !important;
	}

	.popucenter {
		width: 592rpx;
		background: linear-gradient(180deg, #FBE9D4 0%, #FFFFFF 63%);
		border-radius: 28rpx 28rpx 28rpx 28rpx;
		overflow: hidden;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;

		.close {
			width: 48rpx;
			height: 48rpx;
			position: absolute;
			top: 0%;
			right: 0%;
			margin-right: 24rpx;
			margin-top: 24rpx;
		}

		.title {
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 36rpx;
			color: #1D2129;
			text-align: center;
			margin-top: 48rpx;
			width: 100%;
			margin-bottom: 50rpx;
		}

		.btnss {
			width: 256rpx;
			height: 56rpx;
			background: #EABE8D;
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 28rpx;
			color: #FFFFFF;
			text-align: center;
			line-height: 56rpx;
			margin-bottom: 44rpx;
		}

		.erweima {
			width: 332rpx;
			height: 332rpx;
			border-radius: 0rpx 0rpx 0rpx 0rpx;
			margin: 30rpx auto;

		}
	}

	page {
		background: #F7F8FA;
	}

	.orderdetial {
		width: 100%;
		overflow: hidden;

		.hxbtn {
			width: 686rpx;
			height: 82rpx;
			background: linear-gradient(#CD936A 0%, #F5C89D 100%);
			border-radius: 200rpx 200rpx 200rpx 200rpx;
			text-align: center;
			line-height: 82rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 32rpx;
			color: #FFFFFF;
			margin: auto;
			margin-top: 24rpx;
			margin-bottom: 58rpx;
		}

		.fixed {
			width: 100%;
			height: 186rpx;
			background: #FFFFFF;
			box-shadow: 0rpx -4rpx 8rpx 0rpx rgba(0, 0, 0, 0.03);
			border-radius: 0rpx 0rpx 0rpx 0rpx;
			position: fixed;
			bottom: 0%;

			.linebtns {
				width: 100%;
				margin-top: 24rpx;
				display: flex;
				justify-content: flex-end;
				align-items: center;

				.sqsh {
					width: 198rpx;
					height: 82rpx;
					border-radius: 200rpx 200rpx 200rpx 200rpx;
					border: 2rpx solid #86909C;
					text-align: center;
					line-height: 82rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 500;
					font-size: 30rpx;
					color: #86909C;
					margin-right: 24rpx;
				}

				.qrsh {
					width: 198rpx;
					height: 82rpx;
					background: #FFEFDE;
					border-radius: 200rpx 200rpx 200rpx 200rpx;
					text-align: center;
					line-height: 82rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: bold;
					font-size: 30rpx;
					color: #D1986F;
					margin-right: 24rpx;
				}
			}

			.btn1 {
				width: 686rpx;
				height: 82rpx;
				background: linear-gradient(#CD936A 0%, #F5C89D 100%);
				border-radius: 200rpx 200rpx 200rpx 200rpx;
				text-align: center;
				line-height: 82rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: bold;
				font-size: 32rpx;
				color: #FFFFFF;
				margin: auto;
				margin-top: 24rpx;
				margin-bottom: 58rpx;
			}

			.btn {
				width: 252rpx;
				height: 82rpx;
				border-radius: 200rpx 200rpx 200rpx 200rpx;
				border: 2rpx solid #86909C;
				text-align: center;
				line-height: 82rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				font-size: 30rpx;
				color: #86909C;
				margin-top: 24rpx;
				margin-left: 466rpx;
			}
		}

		.orderdetialback {
			position: absolute;
			z-index: -1;
			height: 500rpx;
			width: 100%;
		}

		.centerbox {
			width: 686rpx;
			margin: auto;
			margin-top: 232rpx;

			.tuikuanbox {
				width: 100%;
				background: #FFFFFF;
				height: 244rpx;
				box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(0, 0, 0, 0.25);
				border-radius: 16rpx 16rpx 16rpx 16rpx;
				margin-top: 42rpx;
				overflow: hidden;

				&_center {
					width: 630rpx;
					margin: auto;

					.topline {
						width: 100%;
						display: flex;
						justify-content: space-between;
						align-items: center;
						font-family: PingFang SC, PingFang SC;
						font-weight: bold;
						font-size: 32rpx;
						color: #333333;
						margin-top: 28rpx;
					}

					.tuihwx {
						width: 630rpx;
						height: 82rpx;
						background: #F7F8FA;
						border-radius: 12rpx 12rpx 12rpx 12rpx;
						display: flex;
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 24rpx;
						color: #777777;
						align-items: center;
						justify-content: space-between;
						margin-top: 12rpx;
					}

					.shijian {
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 24rpx;
						color: #777777;
						margin-top: 16rpx;
					}

				}
			}

			.zttext {
				width: 100%;
				overflow: hidden;

				.t1 {
					font-family: PingFang SC, PingFang SC;
					font-weight: bold;
					font-size: 40rpx;
					color: #1D2129;
				}

				.t2 {
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 24rpx;
					color: #1D2129;
					margin-top: 14rpx;
				}
			}

			.ddxx {
				width: 686rpx;
				background: #FFFFFF;
				box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(0, 0, 0, 0.25);
				border-radius: 16rpx 16rpx 16rpx 16rpx;
				overflow: hidden;
				padding: 32rpx 0;

				.centerline {
					width: 630rpx;
					margin: auto;
					margin-bottom: 20rpx;
					display: flex;
					justify-content: space-between;
					align-items: center;

					.title {
						font-family: PingFang SC, PingFang SC;
						font-weight: bold;
						font-size: 28rpx;
						color: #1D2129;
					}

					.text {
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 24rpx;
						color: #4E5969;
					}
				}
			}

			.jigemx {
				width: 686rpx;
				height: 326rpx;
				background: #FFFFFF;
				box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(0, 0, 0, 0.25);
				border-radius: 16rpx 16rpx 16rpx 16rpx;
				margin: 28rpx auto;
				overflow: hidden;

				.center {
					width: 630rpx;
					margin: auto;
					margin-top: 32rpx;

					.t1 {
						font-family: PingFang SC, PingFang SC;
						font-weight: bold;
						font-size: 28rpx;
						color: #1D2129;
						margin-bottom: 20rpx;
					}

					.line1 {
						width: 100%;
						display: flex;
						justify-content: space-between;
						align-items: center;

						.tt {
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 28rpx;
							color: #4E5969;
							margin-bottom: 24rpx;
						}


					}

					.bottomline {
						width: 100%;
						height: 102rpx;
						display: flex;
						align-items: center;
						border-top: 2rpx solid #F2F3F5;
						justify-content: space-between;

						.tt1 {
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 28rpx;
							color: #4E5969;
						}

						.jiage1 {
							font-family: PingFang SC, PingFang SC;
							font-weight: bold;
							font-size: 32rpx;
							color: #F53F3F;
						}
					}
				}
			}

			.spbox1 {
				width: 686rpx;
				background: #FFFFFF;
				box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(0, 0, 0, 0.25);
				border-radius: 16rpx 16rpx 16rpx 16rpx;
				overflow: hidden;
				margin-top: 32rpx;

				.centerline {
					width: 630rpx;
					margin: auto;
					margin-bottom: 24rpx !important;
					display: flex;
					justify-content: space-between;
					align-items: center;

					.title {
						font-family: PingFang SC, PingFang SC;
						font-weight: bold;
						font-size: 28rpx;
						color: #1D2129;
					}

					.text {
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 24rpx;
						color: #4E5969;
					}
				}

				.spbox {
					width: 100%;
					height: 212rpx;
					margin: auto;
					margin-top: 0rpx !important;
					display: flex;
					align-items: center;
					background: none !important;
					box-shadow: none !important;

					.leftimg {
						width: 156rpx;
						height: 156rpx;
						border-radius: 16rpx 16rpx 16rpx 16rpx;
						margin-left: 28rpx;
					}

					.texts {
						width: 462rpx;
						margin-left: 12rpx;

						.t1 {
							width: 356rpx;
							font-family: PingFang SC, PingFang SC;
							font-weight: 500;
							font-size: 28rpx;
							color: #1D2129;
							display: -webkit-box;
							-webkit-box-orient: vertical;
							-webkit-line-clamp: 1;
							/* 限制文本显示为2行 */
							overflow: hidden;
						}

						.t2 {
							width: 356rpx;
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 24rpx;
							color: #7F7F7F;
							display: -webkit-box;
							-webkit-box-orient: vertical;
							-webkit-line-clamp: 1;
							/* 限制文本显示为2行 */
							overflow: hidden;
							margin-top: 10rpx;
						}

						.t3line {
							width: 100%;
							display: flex;
							justify-content: space-between;
							align-items: center;
							margin-top: 22rpx;

							.box1 {
								font-family: PingFang SC, PingFang SC;
								font-weight: 400;
								font-size: 24rpx;
								color: #7F7F7F;
							}
						}
					}
				}

			}

			.spbox {
				width: 686rpx;
				height: 212rpx;
				background: #FFFFFF;
				box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(0, 0, 0, 0.25);
				border-radius: 16rpx 16rpx 16rpx 16rpx;
				margin: auto;
				margin-top: 28rpx;
				display: flex;
				align-items: center;

				.leftimg {
					width: 156rpx;
					height: 156rpx;
					border-radius: 16rpx 16rpx 16rpx 16rpx;
					margin-left: 28rpx;
				}

				.texts {
					width: 462rpx;
					margin-left: 12rpx;

					.t1 {
						width: 356rpx;
						font-family: PingFang SC, PingFang SC;
						font-weight: 500;
						font-size: 28rpx;
						color: #1D2129;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 1;
						/* 限制文本显示为2行 */
						overflow: hidden;
					}

					.t2 {
						width: 356rpx;
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 24rpx;
						color: #7F7F7F;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 1;
						/* 限制文本显示为2行 */
						overflow: hidden;
						margin-top: 10rpx;
					}

					.t3line {
						width: 100%;
						display: flex;
						justify-content: space-between;
						align-items: center;
						margin-top: 22rpx;

						.box1 {
							font-family: PingFang SC, PingFang SC;
							font-weight: 400;
							font-size: 24rpx;
							color: #7F7F7F;
						}
					}
				}
			}

			.addressbox {
				width: 686rpx;
				background: #FFFFFF;
				box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(0, 0, 0, 0.25);
				border-radius: 16rpx 16rpx 16rpx 16rpx;
				overflow: hidden;
				margin: auto;
				margin-top: 42rpx;

				.addrestext {
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 24rpx;
					color: #777777;
					width: 558rpx;
					height: 68rpx;
					margin-left: 28rpx;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					overflow: hidden;
					text-overflow: ellipsis;
					margin-bottom: 30rpx;
					margin-top: 24rpx;
				}

				.topline {
					width: 100%;
					display: flex;
					align-items: center;
					margin-top: 28rpx;
					position: relative;

					.addressicon {
						margin-left: 28rpx;
						width: 32rpx;
						height: 32rpx;
					}

					.text {
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 32rpx;
						color: #333333;
						margin-left: 16rpx;
					}

					.phone {
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 32rpx;
						color: #333333;
						margin-left: 24rpx;
					}

					.rightbtn {
						width: 112rpx;
						height: 48rpx;
						background: linear-gradient(#CD936A 0%, #F5C89D 100%);
						border-radius: 24rpx 24rpx 24rpx 24rpx;
						text-align: center;
						line-height: 48rpx;
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 32rpx;
						color: #FFFFFF;
						position: absolute;
						right: 0;
						margin-right: 24rpx;
					}
				}
			}
		}
	}
</style>